{% extends "base.html" %}
{% import "bootstrap/wtf.html" as wtf %}
{% import "_macros.html" as macros %}
{% import "_my_wtf_macros.html" as my_wtf_macros %}

{% block title %}万屏时代OPC--中标项目录音{% endblock %}

{% block panel_heading %}
  万屏时代OPC--中标项目录音
{% endblock %}

{% block panel_body %}

    <div class="well">工程商主叫</div>
    <table class="table table-bordered table-hover table-condensed table-striped">
        <thead>
            <tr>
                <th>主叫真实号码</th>
                <th>主叫分配号码</th>
                <th>被叫真实号码</th>
                <th>被叫分配号码</th>
                <th>通话状态</th>
                <th>通话时长</th>
                <th>通话录音 URL</th>
                <th>拨打时间</th>
            </tr>
        </thead>
        <tbody>
            {% for i in win_user_caller_data %}
            <tr>
                <td>{{ i.caller }}</td>
                <td>{{ i.caller_show }}</td>
                <td>{{ i.called }}</td>
                <td>{{ i.called_show }}</td>
                <td>{{ i.call_result_display }}</td>
                <td>{{ i.call_duration }}</td>
                <td>
                    <audio src="{{ i.record_file_url|safe }}" controls="controls">
                        您的浏览器无法播放该音频。
                    </audio>
                </td>
                <td>{{ i.begin_time }}</td>
            </tr>
            {% endfor %}
        </tbody>
    </table>

    <div class="well">客户主叫</div>
    <table class="table table-bordered table-hover table-condensed table-striped">
        <thead>
            <tr>
                <th>主叫真实号码</th>
                <th>主叫分配号码</th>
                <th>被叫真实号码</th>
                <th>被叫分配号码</th>
                <th>通话状态</th>
                <th>通话时长</th>
                <th>通话录音 URL</th>
                <th>拨打时间</th>
            </tr>
        </thead>
        <tbody>
            {% for i in client_caller_data %}
            <tr>
                <td>{{ i.caller }}</td>
                <td>{{ i.caller_show }}</td>
                <td>{{ i.called }}</td>
                <td>{{ i.called_show }}</td>
                <td>{{ i.call_result_display }}</td>
                <td>{{ i.call_duration }}</td>
                <td>
                    <audio src="{{ i.record_file_url|safe }}" controls="controls">
                        您的浏览器无法播放该音频。
                    </audio>
                </td>
                <td>{{ i.begin_time }}</td>
            </tr>
            {% endfor %}
        </tbody>
    </table>

{% endblock %}
